/**
 * Created by Administrator on 2016/8/3.
 */
$(function () {

    //放大镜
/*

    setInterval(function () {
        $('.b-img').mousemove(function(e){
            var xx = e.clientX-50;
            var yy = e.clientY-50 ;
            xx = xx < 0 ? 0 : xx;
            yy = yy < 0 ? 0 : yy;
            maxX = $(this).width() - 100;
            maxY = $(this).height() - 100;
            xx = xx > maxX ? maxX : xx;
            yy = yy > maxY ? maxY : yy;

            $('.BIG img').css({marginLeft:-xx*4.2 + 'px',marginTop:-yy*5.31+'px'})
        });
    },10)

    $('.b-img').mouseout(function(){
        $('.BIG').css('display','none')
    })

*/
    //小图边框颜色
    $('.s-img ul li').each(function (index) {
        $(this).mouseover(function () {
            $('.s-img ul li').eq(index).css('border-color','#f10180');
        })
        $(this).mouseout(function () {
            $('.s-img ul li').eq(index).css('border-color','#f2f2f2');
        })
        $(this).click(function () {
            $('.b-img img').css('display','none').eq(index).css('display','block');
            $('.BIG img').css('display','none').eq(index).css('display','block');
        })
        //放大镜
        //$('.b-img').mouseover(function(){
        //    $('.BIG').css('display','block').css('z-index','4');
        //})
        ////setInterval(function () {
        //
        //     $('.BIG').mousemove(function(event){
        //         var xx=event.offsetX;
        //         var yy=event.offsetY;
        //         console.log(xx);
        //         console.log(yy);
        //        //xx = xx < 0 ? 0 : xx;
        //        //yy = yy < 0 ? 0 : yy;
        //        //maxX = $(this).width() - 100;
        //        //maxY = $(this).height() - 100;
        //        //xx = xx > maxX ? maxX : xx;
        //        //yy = yy > maxY ? maxY : yy;
        //        //$('main').addClass('show').css({'left':xx,'top':yy});
        //        //var a = $(this).width()/100;
        //        //var b = $(this).height()/100;
        //        $('.BIG img').css({'margin-left':-2*xx ,'margin-top':-2*yy})
        //
        //
        //    })
        //},5000)


        $('.b-img').mouseout(function(){
            $('.BIG').css('display','none')
        })
    })




    //移动导航条
    setInterval(function () {
        var y=$(document).scrollTop();
        //console.log(y);
        if(y >941.818){
            $('.xq-top2').css('display','block').css('top',0).css('position','fixed');
        }else{
            $('.xq-top2').css('display','none');
        }
    //},1)
    //
    //setInterval(function () {
    //    var y=$(document).scrollTop();

        $('.xq-top ul li a ').css('color','#333');
        $('.xq-top ul li ').css('border-bottom','3px solid #000');
        if(y>942&&y<9800){
            $('.xq-top2 ul li:nth-of-type(1) a').css('color','#f10180');
            $('.xq-top2 ul li:nth-of-type(1)').css('border-bottom','3px solid #f10180');
        }

        if(y>9800&&y<10540){
            $('.xq-top ul li:nth-of-type(2) a').css('color','#f10180');
            $('.xq-top ul li:nth-of-type(2)').css('border-bottom','3px solid #f10180');
        }

        if(y>10540&&y<10550){
            $('.xq-top ul li:nth-of-type(3) a').css('color','#f10180');
            $('.xq-top ul li:nth-of-type(3)').css('border-bottom','3px solid #f10180');
        }

        if(y>10550){
            $('.xq-top ul li:nth-of-type(4) a').css('color','#f10180');
            $('.xq-top ul li:nth-of-type(4)').css('border-bottom','3px solid #f10180');
        }
    },10);



    //详情
    $('.xq-top ul li ').each(function (index) {
        $(this).mouseover(function () {
            $('.xq-top ul li a').eq(index).css('color','#f10180');
            $('.xq-top ul li ').eq(index).css('border-bottom','3px solid #f10180');
        })
        $(this).mouseout(function () {
            $('.xq-top ul li a').eq(index).css('color','#333');
            $('.xq-top ul li ').eq(index).css('border-bottom','3px solid #000');
        })
    })



//    商品推荐
    $('.tj-pic-img').each(function (index) {
        $(this).mouseover(function () {
            $('.tj-pic-img img:nth-of-type(1)').eq(index).css('display','none');
        })
        $(this).mouseout(function () {
            $('.tj-pic-img img:nth-of-type(1)').eq(index).css('display','block');
        })
    })
    $('.num1').each(function (index) {
        console.log(index);
        $(this).click(function () {
            $('.num1').css('background-color','white').eq(index).css('background-color','#f10180');
            $('.num1 li a').css('color','#666').eq(index).css('color','#fff');
            $('.tj-pic').css('display','none').eq(index).css('display','block');
        })
        function one(){
            index--;
            if(index < 0){
                index=0;
            }
            $('.num1').css('background-color','white').eq(index).css('background-color','#f10180');
            $('.num1 li a').css('color','#666').eq(index).css('color','#fff');
            $('.tj-pic').css('display','none').eq(index).css('display','block');
        }
        function two(){
            index++;
            if(index >4){
                index=4;
            }
            $('.num1').css('background-color','white').eq(index).css('background-color','#f10180');
            $('.num1 li a').css('color','#666').eq(index).css('color','#fff');
            $('.tj-pic').css('display','none').eq(index).css('display','block');
        }
        $('.left').click(function () {
           one();
        })
        $('.right').click(function () {
           two();
        })
        $('.zuo').click(function () {
            one();
        })
        $('.you').click(function () {
            two();
        })
    })





//    关于我们
//    background-positionY存在兼容问题，添加animate可以解决
    $('.us-body li a').each(function (index) {
        $(this).mouseover(function () {
            $('.us-body li a').animate({
                "background-positionY": 0
            },1).eq(index).animate({
                "background-positionY":-100
            },1)
            $('.us-in-1').animate({
                "background-positionY": -200-100*index
            },1)

            $('.us-in-2 img').css('display','none').eq(index).css('display','block')
        })
    })

})





